// import React, { Component } from 'react'

// export default class List extends Component {
//   render() {
//     console.log(this.props)
//     return (
//       <ul>
//         {this.props.xxx.map((item, index) => {
//           return <li key={index}>{item}</li>
//         })}
//       </ul>
//     )
//   }
// }

import React from 'react'

export default function List(props) {
  return (
    <ul>
      {props.xxx.map((item, index) => {
        return <li key={index}>{item}</li>
      })}
    </ul>
  )
}
